html{
    font-family:"Muli",Sans;
    /*background-image: url("https://www.azimuthfoundation.net/wp-content/themes/Azimuth%20-%20Spatial%20Electroacoustic%20Music/css/images/stripe-3.png");
    background-attachment: fixed;*/
}
body {
  height: 100%;
  color: black;
  font-family: Muli, Ubuntu, Verdana, Tahoma, serif;
}

figcaption{
  padding: 5px;
  font-size: small;
  background-color: black;
  color:white;
}

li{
  list-style: none;
}
li a{
  color:white!important;
}
.event-lineup{
  margin:5px;
  padding-bottom: 10px;
  text-align: left;
}

.counter-top-bar{
    height:90px;
}

.content{
  width: auto!important;
  margin: auto!important;
  background-color: ;
  text-align:center!important;
  font-size:medium;

}

/* EVENT's CLASSES */
.eventi{
  /*  align-content: flex-end;
    justify-content: flex-end;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse; 
    flex-direction: row-reverse;*/
}
.event{
  text-align: left;
  background-color: black;
  /*border:1px solid black;*/
  color:white!important;
  margin-top: 20px;
}
.flyer-slot{

}
.flyer{
  /*border:1px solid white;*/
  margin-top: 10px;
  margin-bottom: 10px;
}
.title-event{
  font-size: xx-large;
  text-align: center;
}
.location-event{
  margin-bottom: 15px;
  text-align: center;
}
.event-lineup{
  padding:10px;
}
.more{
  color: white;
  top:10px;
  right:10px;
  position:relative;
  float: right;
  background-color: ;
}

.more a{
  color:white!important;
  line-height: 0%;
}
.fb-plus{
  font-size: x-large;
  line-height: 0%;
}
.share{
  margin-right: 8px;
}
.share img{
  width: 12px;
}
.date-event{
  top:10px;
  left:10px;
  position:relative;
  float: left;
}
.withActsBy{
  font-size: small;
  margin-bottom: 15px;
  margin-top: 5px;
}
li.event-description{
  padding-top: 20px;
  font-size: small!important;
  text-align: justify-all;
}

.more-features{
  font-size: medium!important;
  float: right;
  margin-right: 20px;
}
.more-features a{
  color: white!important;
}


/*UTILITY*/

.margin-top-1{
  margin-top: 40px!important;
}
.margin-2{
  margin:10px;
}
.no-bottom-space{
  padding-bottom: 0px;
  margin-bottom:0px;
}
.border-solid{
  border:1px solid black;
}
.border-dashed{
  border:1px dashed black;
}
.center-align{
  text-align:center!important;
}
.left-align{
  text-align: left;
}
.right-align{
  text-align: right;
}
.justify{
  text-align: justify;
}
.hide-on-desktop{
  display: none;
}
.hide{
  display: none;
}
.black{
  color:black!important;
}

@media screen and (max-width: 950px) {

.event{
  text-align: left;
}
.title-event{
  text-align: center;
}
.location-event{
  text-align: center;
}
.event-lineup{
  text-align: center;
}

li.event-description{
  padding-top: 20px;
  font-size: small!important;
  text-align: justify-all!important;
}
}

@media screen and (max-width: 650px) {

.content{
  width: auto!important;
  margin: auto!important;
  background-color: ;
  text-align:center;
  font-size:medium;
}
.container12{
  margin:auto!important;
}
.event{
  text-align: left;
  margin-top: 0px!important;
}
.title-event{
  text-align: center;
}
.location-event{
  text-align: center;
}
.event-lineup{
  text-align: center;
  padding-bottom: 20px;
}
li .event-description{
  padding-top: 20px;
  font-size: small!important;
  text-align: justify-all!important;
}

/* UTILITY */
.hide-on-mobiles{
    display:none;
}
.left_to_center_align{
  text-align:center;
}

.in-between{
    margin-top:30px!important;
}
.container12{
    margin-top:30px!important;
}
.counter-top-bar{
    height:80px;
}

}